<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">

<head>
    <meta charset="UTF-8">
    <title>汽车首页</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="css/iconfont.css">
    <link rel="stylesheet" href="css/index.css">
    <link rel="shortcut icon" href="image/favicon.ico" type="image/x-icon">
    <script src="js/carousel.js"></script>
</head>

<body>
    <div class="generalframework">
        <div class="header">
            <ul>
                <li><a href="/toIndex">首页</a></li>
                <li><a href="/toCollection">收藏中心</a></li>
                <li><a href="/toOrder">我的订单</a></li>
                <li><label for="customer"><img class="icon" src="image/user.png"></label></li>
                <li><a href="/pre_login"><input type="button" value="登录" id="customer"></a></li>
            </ul>
        </div>
        <label style="color: red;" th:text="${error_Order}"></label>
        <label style="color: red;" th:text="${error_Details}"></label>
        <div class="carousel">
            <div class="box">
                <!-- 左侧按钮 -->
                <a href="javascript:" class="left">&lt</a>
                <!-- 右侧按钮 -->
                <a href="javascript:" class="right">&gt</a>
                <!-- 轮播图片 -->
                <ul class="imgs">
                    <li class="one">
                        <a href="/getCar_1"><img src="image/car1.png" alt=""></a>
                    </li>
                    <li class="two">
                        <a href="/getCar_7"><img src="image/car7.png" alt=""></a>
                    </li>
                    <li class="three">
                        <a href="/getCar_3"><img src="image/car3.png" alt=""></a>
                    </li>
                    <li class="four">
                        <a href="/getCar_4"><img src="image/car4.png" alt=""></a>
                    </li>
                    <li class="five">
                        <a href="/getCar_5"><img src="image/car5.png" alt=""></a>
                    </li>
                    <li class="six">
                        <a href="/getCar_6"><img src="image/car6.png" alt=""></a>
                    </li>
                </ul>

                <ul class="list">
                </ul>

                <div class="rights"></div>
                <div class="lefts"></div>
            </div>
        </div>
        <div>
            <h1>新能源汽车</h1>
            <div class="showcar clearfix">

                <div class="floatfix car">
                    <div><a href="/getCar_1"><img src="image/car1.png" class="img"></a></div>
                    <div class="parentposition">
                        <div class="childposition">动感造型兼具效率，优化空气动力学表现，实现更长的续航里程，单次充电最高可达 713 公里.</div>
                        <div class="childposition2"><a href="">小米 SU7</a></div>
                        <div class="childposition3">215900</div>
                        <hr class="childposition4">
                        <div class="childposition5">2400</div>
                    </div>
                </div>
                <div class="floatfix car">
                    <div><a href="/getCar_2"><img src="image/car2.png" class="img"></a></div>
                    <div class="parentposition">
                        <div class="childposition">动感造型兼具效率，优化空气动力学表现，实现更长的续航里程，单次充电最高可达 713 公里.</div>
                        <div class="childposition2"><a href="">小鹏 P7</a></div>
                        <div class="childposition3">223900</div>
                        <hr class="childposition4">
                        <div class="childposition5">5000</div>
                    </div>
                </div>
                <div class="floatfix car">
                    <div><a href="/getCar_3"><img src="image/car3.png" class="img"></a></div>
                    <div class="parentposition">
                        <div class="childposition">动感造型兼具效率，优化空气动力学表现，实现更长的续航里程，单次充电最高可达 713 公里.</div>
                        <div class="childposition2"><a href="">蔚蓝 ES6</a></div>
                        <div class="childposition3">338000</div>
                        <hr class="childposition4">
                        <div class="childposition5">1500</div>
                    </div>
                </div>
                <div class="floatfix car">
                    <div><a href="/getCar_4"><img src="image/car4.png" class="img"></a></div>
                    <div class="parentposition">
                        <div class="childposition">动感造型兼具效率，优化空气动力学表现，实现更长的续航里程，单次充电最高可达 713 公里.</div>
                        <div class="childposition2"><a href="">斯特拉 Model 3</a></div>
                        <div class="childposition3">231900</div>
                        <hr class="childposition4">
                        <div class="childposition5">5000</div>
                    </div>
                </div>

            </div>
            <h1>传统油车</h1>
            <div class="showcar clearfix">
                <div class="floatfix car">
                    <div><a href="/getCar_5"><img src="image/car5.png" class="img"></a></div>
                    <div class="parentposition">
                        <div class="childposition">动感造型兼具效率，优化空气动力学表现，实现更长的续航里程，单次充电最高可达 713 公里.</div>
                        <div class="childposition2"><a href="">梅赛德斯奔驰 E260</a></div>
                        <div class="childposition3">449000</div>
                        <hr class="childposition4">
                        <div class="childposition5">5000</div>
                    </div>
                </div>
                <div class="floatfix car">
                    <div><a href="/getCar_6"><img src="image/car6.png" class="img"></a></div>
                    <div class="parentposition">
                        <div class="childposition">动感造型兼具效率，优化空气动力学表现，实现更长的续航里程，单次充电最高可达 713 公里.</div>
                        <div class="childposition2"><a href="">雷克萨斯 Es300</a></div>
                        <div class="childposition3">246900</div>
                        <hr class="childposition4">
                        <div class="childposition5">2000</div>
                    </div>
                </div>
                <div class="floatfix car">
                    <div><a href="/getCar_7"><img src="image/car7.png" class="img"></a></div>
                    <div class="parentposition">
                        <div class="childposition">动感造型兼具效率，优化空气动力学表现，实现更长的续航里程，单次充电最高可达 713 公里.</div>
                        <div class="childposition2"><a href="">凯迪拉克 CT6</a></div>
                        <div class="childposition3">304700</div>
                        <hr class="childposition4">
                        <div class="childposition5">5000</div>
                    </div>
                </div>
                <div class="floatfix car">
                    <div><a href="/getCar_8"><img src="image/car8.png" class="img"></a></div>
                    <div class="parentposition">
                        <div class="childposition">动感造型兼具效率，优化空气动力学表现，实现更长的续航里程，单次充电最高可达 713 公里.</div>
                        <div class="childposition2"><a href="">奥迪 A4</a></div>
                        <div class="childposition3">241300</div>
                        <hr class="childposition4">
                        <div class="childposition5">3000</div>
                    </div>
                </div>
            </div>
        </div>
        <div class="footer"><img src="image/SpringBoot.jpg" alt=""><span> Boot 课程设计</span> </div>
    </div>
</body>

</html>